	*{
				margin:0px;
				padding:0px;
			}
			li{
				list-style: none;
			}
			.box{
				width: 100%;
				height: 100%;
				background: black;
				position: absolute;
				perspective: 800px;
			}
			.minbox{
				width: 150px;
				height: 150px;
				/* background: #7FFFD4; */
				position: absolute;
				left: 0px;
				right: 0px;
				margin: auto;
				top: 300px;
				transform-style: preserve-3d;
				animation: rotate 5s linear infinite; 
			}
			.minbox li{
				width: 100px;
				height: 100px;
				position: absolute;
				left: 0px;
				right: 0px;
				top: 0px;
				bottom: 0px;
				margin: auto;
				text-align: center;
				line-height: 100px;
				/* border: solid antiquewhite 2px; */
			}
			.minbox li:nth-of-type(1){
				transform: translateY(-50px) rotateX(90deg);
				background:url(../img/01.jpg);
				background-size: 100%;
				/* background-repeat: no-repeat; */
			}
			.minbox li:nth-of-type(2){
				transform: translateY(50px) rotateX(90deg);
				background: url(../img/02.jpg);
				background-size: 100%;
				/* background-repeat: no-repeat; */
			}
			.minbox li:nth-of-type(3){
				transform: translateX(-50px) rotateY(90deg);
				background: url(../img/03.jpg);
				background-size: 100%;
				/* background-repeat: no-repeat; */
			}
			.minbox li:nth-of-type(4){
				transform: translateX(50px) rotateY(90deg);
				background: url(../img/04.jpg);
				background-size: 100%;
				/* background-repeat: no-repeat; */
			}
			.minbox li:nth-of-type(5){
				transform: translateZ(50px);
				background: url(../img/05.jpg);
				background-size: 100%;
				/* background-repeat: no-repeat; */
			}
			.minbox li:nth-of-type(6){
				transform: translateZ(-50px);
				background: url(../img/06.jpg);
				background-size: 100%;
				/* background-repeat: no-repeat; */
			}
			@keyframes rotate{
				0%{
					transform: rotateY(0deg);
				}
				100%{
					transform: rotateY(360deg);
				}
			}
			.maxbox{
				width: 350px;
				height: 350px;
				/* background: red; */
				position: absolute;
				left: 0px;
				right: 0px;
				margin: auto;
				top: 200px;
				transform-style: preserve-3d;
				animation: rotate 5s linear infinite; 
			}
			.maxbox li{
				width: 200px;
				height: 200px;
				/* border: #6495ED solid 2px; */
				position: absolute;
				left: 0px;
				right: 0px;
				top: 0px;
				bottom: 0px;
				margin: auto;
				text-align: center;
				line-height: 200px;
				opacity: 0.2; 
				transition: all 2s ease;
			}
			.maxbox li:nth-child(1){
				transform: translateY(-100px) rotateX(90deg);
				background: url(../img/1.jpg);
				background-size: 100%;
			/* 	background-repeat: no-repeat; */
				
			}
			.maxbox li:nth-child(2){
				transform: translateY(100px) rotateX(90deg);
				background: url(../img/2.jpg);
				background-size: 100%;
				/* background-repeat: no-repeat; */

			}
			.maxbox li:nth-child(3){
				transform: translateX(-100px) rotateY(90deg);
				background: url(../img/3.jpg);
				background-size: 100%;

			}
			.maxbox li:nth-child(4){
				transform: translateX(100px) rotateY(90deg);
				background: url(../img/4.jpg);
				background-size: 100%;
				/* background-repeat: no-repeat; */

			}
			.maxbox li:nth-child(5){
				transform: translateZ(100px);
				background: url(../img/5.jpg);
				background-size: 100%;
				/* background-repeat: no-repeat; */

			}
			.maxbox li:nth-child(6){
				transform: translateZ(-100px);
				background: url(../img/6.jpg);
				background-size: 100%;
				/* background-repeat: no-repeat; */

			}
			.maxbox:hover li:nth-child(1){
				transform: translateY(-250px) rotateX(90deg) scale(1.5);
				opacity: 0.8;
				/* transition: all 2s; */
				border-radius: 50%;
			}
			.maxbox:hover li:nth-child(2){
				transform: translateY(250px) rotateX(90deg) scale(1.5);
				opacity: 0.8;
				/* transition: all 2s; */
				border-radius: 50%;
			}
			.maxbox:hover li:nth-child(3){
				transform: translateX(-250px) rotateY(90deg) scale(1.5);
				opacity: 0.8;
				/* transition: all 2s; */
				border-radius: 50%;
			}
			.maxbox:hover li:nth-child(4){
				transform: translateX(250px) rotateY(90deg) scale(1.5);
				opacity: 0.8;
				/* transition: all 2s; */
				border-radius: 50%;
			}
			.maxbox:hover li:nth-child(5){
				transform: translateZ(250px) scale(1.5);
				opacity: 0.8;
				/* transition: all 2s; */
				border-radius: 50%;
			}
			.maxbox:hover li:nth-child(6){
				transform: translateZ(-250px) scale(1.5);
				opacity: 0.8;
				/* transition: all 2s; */
				border-radius: 50%;
			}